// 点击去注册
/* 
    分析：
    1、找到去注册按钮
    2、注册点击事件
    3、点击之后登陆盒子隐藏，注册盒子显示
*/
const loginBox = qs('.login')
const registerBox = qs('.register')
qs('.login a').addEventListener('click',function() {
    // console.log(1)
    loginBox.style.display = 'none'
    registerBox.style.display = 'block'
})


// 点击去登录
/* 
    分析：
    1、找到去登录按钮
    2、注册点击事件
    3、点击之后登陆盒子显示，注册盒子隐藏
*/
qs('.register a').addEventListener('click',function() {
    loginBox.style.display = 'block'
    registerBox.style.display = 'none'
})


// 注册功能
/* 
    分析：
    1、给form表单注册submit事件（阻止默认行为）
    2、获取两个输入框的值（去除首尾空格）
    3、发送请求，判断注册是否成功（查看接口文档）
    4、成功之后登陆盒子显示，注册盒子隐藏
*/
qs('.register form').addEventListener('submit',function(e) {
    e.preventDefault()
    const username = qs('.register [name="username"]').value.trim()
    const password = qs('.register [name="password"]').value.trim()
    // console.log(username,password)
    if(!username || !password) return alert('用户名或密码不能为空')
    // 发送请求
    // 后台获取的数据格式：key=value&key=value
    const data = `username=${username}&password=${password}`
    axios.post('/api/register',data).then(({data:res}) => {
        // console.log(res)
        alert(res.message)
        if(res.code === 0) {
            // 处理注册成功之后的业务逻辑
            // 主动触发代码
            qs('.register a').click()
        }
    })
})


// 登录功能
/* 
    分析：
    1、给form表单注册submit事件（阻止默认行为）
    2、获取两个输入框的值（去除首尾空格）
    3、发送请求，判断注册是否成功（查看接口文档）
    4、成功之后跳转到首页
*/
qs('.login form').addEventListener('submit',function(e) {
    e.preventDefault()
    const username =qs('.login [name="username"]').value.trim()
    const password =qs('.login [name="password"]').value.trim()
    // console.log(username,password)
    if(!username || !password) return alert('用户名或密码不能为空')
    // 发送请求
    // 后台获取的数据格式：key=value&key=value
    const data = `username=${username}&password=${password}`
    axios.post('/api/login',data).then(({data:res}) => {
        console.log(res)
        alert(res.message)
        if(res.code === 0) {
            // 把token储存到本地
            localStorage.setItem('token',res.token)
            // 处理注册成功之后的业务逻辑
            location.href = './index.html'  // 根据login.html和index.html的关系
        }
    })
})
